<template>
	<view class="">
		<u-toast ref="ucToast"></u-toast>
		<!-- 交易确认弹窗-->
		<u-popup :show="moneyShow" :closeable='false' bgColor='#FFF' mode="bottom" 
			@close="close" round="60rpx" :closeOnClickOverlay='true'
			
			>
			<view class="popup-box flex-col align-center">
				<u-toast ref="uToastInfo"></u-toast>
				<view class="nav-title align-end justify-between">
					<view class="">
					</view>
					<view class="title ">
						预定须知
					</view>
					<view class="close " @tap="close">
						关闭
					</view>
				</view>
				<scroll-view scroll-y="true" class="car-note">
					<u-parse :content="carNote"></u-parse>
				</scroll-view>
					<!-- {{carNote}} -->
				
				<view class="info-btn justify-between">
					<view class="pull-info align-center justify-center" @click="goInputInfo">
						我已阅读，并同意
					</view>
				</view>
			</view>
		</u-popup>

	</view>

</template>

<script>
	import { host } from '@/config/config.js';
	export default {
		components: {
			// 注册组件

		},
		props: {
			isShow: {
				type: Boolean,
				default: false,
			},
			signInfo: {
				type: Object,
				default: () => {
					return {
						desc: '早起的鸟儿有虫吃!09:00将结算奖励并自动发放至您的账户中。',
						continuous: 0,
					}
				},
			},
			num: {
				type: Number,
				default: 1,
			},
			carNote: {
				type: String,
				default: '',
			}
		},
		data() {
			return {
				host,
				value:'',
				checked: true,
				number: 1,
				moneyShow: false,
				parsswordShow: false,
				loading: false,
				captcha: {
					id: '',
					img: '',
					captcha: "",
				},
			}
		},
		computed: {

		},
		watch: {
			// isShow(val) {
			// 	console.log(val, 'modal');
			// 	this.moneyShow = val
			// 	if (val) {}
			// },

			isShow: {
				handler: function(o, val) {
					this.moneyShow = o
				},
				deep: true, // 深度监听
				immediate: true, // 立即执行
			}
		},
		created() {},
		methods: {
			close() {
				this.$emit('close')
			},
			goInputInfo() {
				this.$navto('/airvip/order/order')
			},
		}
	}
</script>

<style>
	@import '/common/css/common.css';
</style>
<style lang="scss" scoped>
	body *,
	page view {
		box-sizing: border-box;
		flex-shrink: 0;
		line-height: normal;
	}
	.popup-box {
		width: 100vw;
		position: relative;
		// height: 882rpx;
		background: #FFF;
		border-radius: 30rpx 30rpx 0rpx 0rpx;
		padding:  40rpx 40rpx 100rpx;
		.car-note{
			height: 50vh;
		}
		.nav-title{
			width: 100%;
			text-align: center;
			margin-bottom: 20rpx;
			view{
				flex: 1;
			}
			.title{
				text-align: center;
				font-family: Source Han Sans SC, Source Han Sans SC;
				font-weight: 500;
				font-size: 36rpx;
				color: #202020;
			}
			.close{
				text-align: right;
				font-family: Source Han Sans SC, Source Han Sans SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #8E8E8E;
			}
		}
	
		.info-btn {
			left: 50%;
			transform: translate(-50%, 0);
			position: absolute;
			bottom: constant(safe-area-inset-bottom);
			bottom: env(safe-area-inset-bottom);
			bottom: 0 ;
		}
	
		.pull-info {
			width: 670rpx;
			height: 90rpx;
			background: #CC1D1D;
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			font-family: Source Han Sans SC, Source Han Sans SC;
			font-weight: 400;
			font-size: 36rpx;
			color: #FFFFFF;
		}
	}
</style>